<template>
  <view class="userInfo">
    <!-- <nut-watermark :z-index="999" :content="userInfo.c_user_name"></nut-watermark> -->
    <nut-cell-group title="" desc="">
      <nut-cell title="用户名" >
        <template #desc>
          {{ userInfo.c_real_user_name }}
        </template>
      </nut-cell>
      <nut-cell title="账户">
        <template #desc>
          {{ userInfo.c_user_name }}
        </template>
      </nut-cell>
      <nut-cell title="联系电话">
        <template #desc>
          {{ userInfo.c_contacts_phone }}
        </template>
      </nut-cell>
      <nut-cell title="联系地址">
        <template #desc>
          {{ userInfo.c_contacts_area }}
        </template>
      </nut-cell>
      <nut-cell title="负责区域">
        <template #desc>
          {{ userInfo.c_province }} · {{ userInfo.c_city }} · {{ userInfo.c_area }}
        </template>
      </nut-cell>
      <nut-cell title="上级管理员">
        <template #desc>
          {{ userInfo.c_contacts_name }}
        </template>
      </nut-cell>
    </nut-cell-group>
  </view>
</template>

<script setup>
import './index.scss';
import { ref } from 'vue';
import Taro, {useDidShow} from '@tarojs/taro'

const userInfo = ref({})
useDidShow(() => {
  var userInfoSync = Taro.getStorageSync('userInfo')
  userInfo.value = userInfoSync ? JSON.parse(userInfoSync) : {}
  console.log(userInfo.value)
})
</script>

<style>
</style>